<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <title>什亭之匣-蔚蓝档案工具站</title>
    <link rel="stylesheet" href="../../static/ba/res/index-c229a219.css" th:href="@{/ba/res/index-c229a219.css}">
    <link rel="stylesheet" href="../../static/ba/res/Layout-16209892.css" th:href="@{/ba/res/Layout-16209892.css}">
    <link rel="stylesheet" href="../../static/ba/res/RaidRank-f5e28e7e.css" th:href="@{/ba/res/RaidRank-f5e28e7e.css}">
</head>
<body>
<div id="app" data-v-app="">
    <div data-v-c0b8ca8a="" class="layout">
        <div data-v-c0b8ca8a="" class="body">

            <div data-v-c0b8ca8a="" class="content" style="overflow: auto;">
                <div data-v-b10835a6="" data-v-c0b8ca8a="" class="module">
                    <div data-v-c0b8ca8a="" style="display: flex;">
                        <img data-v-c0b8ca8a=""
                             src="../../static/ba/res/arona_title_new.webp"
                             th:src="@{/ba/res/arona_title_new.webp}"
                             alt="logo" width="36" height="36">
                        <div data-v-c0b8ca8a="" class="logo">什亭之匣</div>
                        <div data-v-b10835a6="" class="title">-总力战档线</div>
                    </div>
                    <div data-v-b10835a6="" class="segmentation"></div>
                    <div data-v-b10835a6="" class="filter">
                        <div data-v-b10835a6="" style="display: flex; align-items: center; flex-flow: wrap;">
                            <div data-v-b10835a6="" th:text="${serverName}">官服</div>
                            <div data-v-b10835a6="" style="padding-left: 10px;padding-right: 10px;">|</div>
                            <div data-v-b10835a6="" th:text="${seasonInfo}">第0期 室内 佩洛洛斯拉</div>
                            <div data-v-b10835a6="" style="padding-left: 10px;padding-right: 10px;">|</div>
                            <div data-v-b10835a6="" style="padding-right: 7px;">更新时间:</div>
                            <div data-v-b10835a6="" th:text="${updateTime}">2023-01-01 00:00:00</div>
                        </div>
                    </div>


                    <div data-v-b10835a6="" class="segmentation"></div>
                    <div data-v-b10835a6="" class="split-line">
                        <div data-v-b10835a6="" class="text">各档线分数</div>
                    </div>
                    <div data-v-b10835a6="" class="content grade-line">
                        <div data-v-b10835a6="" class="grade" th:each="listTopInfo,iterStat : ${listTopBodyData}">
                            <div data-v-b10835a6="" th:switch="${iterStat.index}">
                                <img th:case="0" data-v-b10835a6=""
                                     src="">
                                <img th:case="1" data-v-b10835a6=""
                                     src="">
                                <img th:case="2" data-v-b10835a6=""
                                     src="">
                            </div>
                            <div data-v-b10835a6="" class="score" th:text="${listTopInfo.bestRankingPoint}">10,000,000
                            </div>
                            <div data-v-b10835a6="" class="time" style=""
                                 th:text="${listTopInfo.hard} + ' ' + ${listTopInfo.battleTime}">EX 00:00.000
                            </div>
                        </div>
                    </div>
                    <div data-v-b10835a6="" class="segmentation"></div>
                    <div data-v-b10835a6="" class="split-line">
                        <div data-v-b10835a6="" class="text">各难度最低排名</div>
                    </div>
                    <div data-v-b10835a6="" class="content grade-line">
                        <div data-v-b10835a6="" class="grade" th:each="lastRank,iterStat : ${lastRankBodyData}">
                            <div data-v-b10835a6="" th:switch="${iterStat.index}">
                                <div th:case="0" data-v-b10835a6="" class="title"
                                     style="background-color: rgb(214,210,251);">
                                    Insane
                                </div>
                                <div th:case="1" data-v-b10835a6="" class="title"
                                     style="background-color: rgb(252, 222, 253);">
                                    Extreme
                                </div>
                                <div th:case="2" data-v-b10835a6="" class="title"
                                     style="background-color: rgb(253, 255, 210);">
                                    Normal
                                </div>
                            </div>
                            <div data-v-b10835a6="" class="number" th:text="${lastRank.rank}">21,853</div>
                        </div>
                    </div>
                    <div data-v-b10835a6="" class="segmentation"></div>
                    <div data-v-b10835a6="" class="body">
                        <div data-v-b10835a6="" class="table">
                            <div data-v-b10835a6="">
                                <div data-v-b10835a6=""
                                     class="el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table el-table--layout-fixed is-scrolling-none"
                                     data-prefix="el" style="height: 100%;">
                                    <div class="el-table__inner-wrapper" style="height: 100%;">
                                        <div class="hidden-columns">
                                            <div data-v-b10835a6=""></div>
                                            <div data-v-b10835a6=""></div>
                                            <div data-v-b10835a6=""></div>
                                            <div data-v-b10835a6=""></div>
                                        </div>
                                        <div class="el-table__header-wrapper">
                                            <table class="el-table__header" border="0" cellpadding="0" cellspacing="0"
                                                   style="width: 800px;">
                                                <colgroup>
                                                    <col name="el-table_1_column_1" width="75">
                                                    <col name="el-table_1_column_2" width="330">
                                                    <col name="el-table_1_column_3" width="65">
                                                    <col name="el-table_1_column_4" width="265">
                                                    <col name="el-table_1_column_5" width="65">
                                                </colgroup>
                                                <thead class="">
                                                <tr class="">
                                                    <th class="el-table_1_column_1 is-leaf el-table__cell" colspan="1"
                                                        rowspan="1">
                                                        <div class="cell">排名</div>
                                                    </th>
                                                    <th class="el-table_1_column_2 is-leaf el-table__cell" colspan="1"
                                                        rowspan="1">
                                                        <div class="cell">分数</div>
                                                    </th>
                                                    <th class="el-table_1_column_3 is-center is-leaf el-table__cell"
                                                        colspan="1" rowspan="1">
                                                        <div class="cell">难度</div>
                                                    </th>
                                                    <th class="el-table_1_column_4 is-leaf el-table__cell" colspan="1"
                                                        rowspan="1">
                                                        <div class="cell">用时</div>
                                                    </th>
                                                    <th class="el-table_1_column_5 is-leaf el-table__cell" colspan="1"
                                                        rowspan="1">
                                                        <div class="cell">刀数</div>
                                                    </th>
                                                </tr>
                                                </thead>
                                            </table>
                                        </div>
                                        <div class="el-table__body-wrapper">
                                            <div class="el-scrollbar">
                                                <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default"
                                                     style="height: 100%;">
                                                    <div class="el-scrollbar__view"
                                                         style="display: inline-block; vertical-align: middle;">
                                                        <table class="el-table__body" cellspacing="0" cellpadding="0"
                                                               border="0" style="table-layout: fixed; width: 800px;">
                                                            <colgroup>
                                                                <col name="el-table_1_column_1" width="75">
                                                                <col name="el-table_1_column_2" width="330">
                                                                <col name="el-table_1_column_3" width="65">
                                                                <col name="el-table_1_column_4" width="265">
                                                                <col name="el-table_1_column_5" width="65">
                                                            </colgroup>
                                                            <tbody tabindex="-1">

                                                            <tr class="el-table__row"
                                                                th:each="record,iterStat : ${records}">
                                                                <td class="el-table_1_column_1 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell" th:text="${record.rank}">1</div>
                                                                </td>
                                                                <td class="el-table_1_column_2 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"
                                                                         th:text="${record.bestRankingPoint}">10,000,000
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_1_column_3 is-center el-table__cell"
                                                                    rowspan="1" colspan="1" th:switch="${record.hard}">
                                                                    <div class="cell">
                                                                        <div th:case="INS" data-v-b10835a6=""
                                                                             class="table-title"
                                                                             style="background-color: rgb(214, 210, 251);">
                                                                            INS
                                                                        </div>
                                                                        <div th:case="EX" data-v-b10835a6=""
                                                                             class="table-title"
                                                                             style="background-color: rgb(252, 222, 253);">
                                                                            EX
                                                                        </div>
                                                                        <div th:case="HC" data-v-b10835a6=""
                                                                             class="table-title"
                                                                             style="background-color: rgb(254, 210, 225);">
                                                                            HC
                                                                        </div>
                                                                        <div th:case="VH" data-v-b10835a6=""
                                                                             class="table-title"
                                                                             style="background-color: rgb(214, 251, 254);">
                                                                            VH
                                                                        </div>
                                                                        <div th:case="N" data-v-b10835a6=""
                                                                             class="table-title"
                                                                             style="background-color: rgb(253, 255, 210);">
                                                                            N
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_1_column_4 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell" th:text="${record.battleTime}">
                                                                        00:00.000
                                                                    </div>
                                                                </td>
                                                                <td class="el-table_1_column_5 el-table__cell"
                                                                    rowspan="1" colspan="1">
                                                                    <div class="cell"
                                                                         th:text="${#lists.size(record.tryNumberInfos)}">
                                                                        1
                                                                    </div>
                                                                </td>
                                                            </tr>

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="text-align: right;padding-top: 15px">数据来源：https://arona.icu</div>
                </div>
            </div>
        </div>
    </div>
</div>


</body>
</html>